<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>幸福宝</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.5.9/css/sm.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.5.9/css/sm-extend.min.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="styles/Comm.css">
</head>

<body>
    <!-- 你的html代码 -->
    <div class="page">
        <header class="bar bar-nav">
            <a class="icon icon-left pull-left self-left"></a>
            <h1 class="title">商品列表</h1>
        </header>
        <div class="content">
            <!-- 这里是页面内容区 -->
            <div class="content-padded grid-demo self-MallGoodsList-grid">
                <div class="row">
                    <div class="col-25">热卖推荐</div>
                    <div class="col-25">商品销量</div>
                    <div class="col-25">积分价格</div>
                    <div class="col-15"></div>
                    <div class="col-10"><span class="icon icon-me"></span></div>
                </div>
            </div>
            <div class="card self-commodity self-MallGoodsList-card">
                <div class="card-content">
                    <div class="card-content-inner">
                        <div class="row">
                            <div class="col-50">
                                <div class="item-media newcss">
                                    <img src="http://img10.360buyimg.com/n8/jfs/t2284/160/1272848238/306488/3e6ea757/564dd2fbN988e4807.jpg" style='width: 100%;'>
                                    <div>
                                        <span class="goodsname">武极 i7 4790/GTX960 4G/128G固态/四核独显</span>
                                        <br/>
                                        <span class="goodsprice">积分价：<label>¥1699.00</label></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-50">
                                <div class="item-media newcss">
                                    <img src="http://img13.360buyimg.com/n8/jfs/t2239/111/853931077/335005/1df0a920/562f23d1Nb7c0010a.jpg" style='width: 100%;'>
                                    <div>
                                        <span class="goodsname">武极 i7 4790/GTX960 4G/128G固态/四核独显</span>
                                        <br/>
                                        <span class="goodsprice">积分价：<label>¥1699.00</label></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-50">
                                <div class="item-media newcss">
                                    <img src="http://img13.360buyimg.com/n8/jfs/t2104/326/1118389171/345588/c2ffda0c/567bf82fNc8de63d3.jpg" style='width: 100%;'>
                                    <div>
                                        <span class="goodsname">武极 i7 4790/GTX960 4G/128G固态/四核独显</span>
                                        <br/>
                                        <span class="goodsprice">积分价：<label>¥1699.00</label></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-50">
                                <div class="item-media newcss">
                                    <img src="http://img14.360buyimg.com/n8/jfs/t2011/242/1165133364/615167/fb68a16/567bfcbfN85fd13ef.jpg" style='width: 100%;'>
                                    <div>
                                        <span class="goodsname">武极 i7 4790/GTX960 4G/128G固态/四核独显</span>
                                        <br/>
                                        <span class="goodsprice">积分价：<label>¥1699.00</label></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-50">
                                <div class="item-media newcss">
                                    <img src="http://img11.360buyimg.com/n8/jfs/t1762/133/1848972267/349467/3304563d/5613beeeN2f820b81.jpg" style='width: 100%;'>
                                    <div>
                                        <span class="goodsname">武极 i7 4790/GTX960 4G/128G固态/四核独显</span>
                                        <br/>
                                        <span class="goodsprice">积分价：<label>¥1699.00</label></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-50">
                                <div class="item-media newcss">
                                    <img src="http://img12.360buyimg.com/n8/jfs/t1678/208/891585710/178944/1c38c876/55ddbefeN1666e4d5.jpg" style='width: 100%;'>
                                    <div>
                                        <span class="goodsname">武极 i7 4790/GTX960 4G/128G固态/四核独显</span>
                                        <br/>
                                        <span class="goodsprice">积分价：<label>¥1699.00</label></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-50">
                                <div class="item-media newcss">
                                    <img src="http://img12.360buyimg.com/n8/jfs/t2308/134/1923173208/347028/2dee856d/5680c5b2Na3313f00.jpg" style='width: 100%;'>
                                    <div>
                                        <span class="goodsname">武极 i7 4790/GTX960 4G/128G固态/四核独显</span>
                                        <br/>
                                        <span class="goodsprice">积分价：<label>¥1699.00</label></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-50">
                                <div class="item-media newcss">
                                    <img src="http://img14.360buyimg.com/n8/jfs/t2059/41/1116128169/350653/23b81fc4/567a9f96N45df0cb5.jpg" style='width: 100%;'>
                                    <div>
                                        <span class="goodsname">武极 i7 4790/GTX960 4G/128G固态/四核独显</span>
                                        <br/>
                                        <span class="goodsprice">积分价：<label>¥1699.00</label></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-50">
                                <div class="item-media newcss">
                                    <img src="http://img13.360buyimg.com/n8/jfs/t1894/203/1029537266/344920/bbbb9f2e/563ec9cdN1fdb00d7.jpg" style='width: 100%;'>
                                    <div>
                                        <span class="goodsname">武极 i7 4790/GTX960 4G/128G固态/四核独显</span>
                                        <br/>
                                        <span class="goodsprice">积分价：<label>¥1699.00</label></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-50">
                                <div class="item-media newcss">
                                    <img src="http://img12.360buyimg.com/n8/jfs/t2491/292/832482879/341768/1ddd6735/562e20dfN4c05a48e.jpg" style='width: 100%;'>
                                    <div>
                                        <span class="goodsname">武极 i7 4790/GTX960 4G/128G固态/四核独显</span>
                                        <br/>
                                        <span class="goodsprice">积分价：<label>¥1699.00</label></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 这里是页面内容区 -->
        </div>
        <p>
    </div>
    <!-- 你的html代码 -->
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.5.9/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
    <!-- Swiper JS -->
    <script src="js/swiper.min.js"></script>
    <!-- Initialize Swiper -->
    <script src="scripts/swiper.js"></script>
</body>

</html>
